<script setup lang="ts">
import { ref } from 'vue';
const active = ref(0);
</script>
<template>
  <div class="course">
    <van-tabs v-model:active="active" type="card">
      <van-tab title="未完成">
        <my-course-list></my-course-list>
      </van-tab>
      <van-tab title="已完成">
        <my-course-list></my-course-list>
      </van-tab>
    </van-tabs>
  </div>
</template>

<style scoped lang="scss">
.course {
  padding: 20px 8px;
}
</style>
